.distribution {
  .table-responsive {
    overflow-y: hidden;
  } // Table
  .table {
    text-align: center; // Thead
    thead {
      > tr {
        > td {
          padding-top: 1.21rem;
          padding-bottom: 1.21rem;
          padding-left: 0;
          padding-right: 0.5rem;
          vertical-align: top;
          border-top: 0;
          border-right: 0 !important;
          font-size: 1rem;
          font-weight: 600;
          &:last-child {
            padding-right: 0;
          }
          &.m-pipeline__base {
            width: 24%;
          }
          &.m-pipeline__status {
            width: 10%;
          }
          &.m-pipeline__status {
            width: 10%;
          }
          &.m-pipeline__time {
            width: 10%;
          }
          &.m-pipeline__node {
            width: 8%;
          }
          &.m-pipeline__need {
            width: 8%;
          }
          &.m-pipeline__action {
            width: 10%;
          }
        }
      }
    } // Tbody
    tbody {
      > tr {
        > td {
          border: 0;
          border-right: 0 !important;
          padding-left: 0;
          padding-right: 0.5rem;
          padding-top: 22px;
          vertical-align: top;
          font-size: 1.1rem;
          font-weight: 500;
          vertical-align: middle;
          > label {
            right: 0;
            top: 0.5rem;
            vertical-align: top;
          }
          .m-pipeline__chart {
            position: relative;
            margin-top: -0.6rem;
          }
          &:last-child {
            padding-right: 0;
          }
        }
        .m-pipeline__title {
          font-size: 1.1rem;
          font-weight: 500;
          display: block;
        }
        .m-pipeline__sub {
          display: block;
          font-size: 0.85rem;
          font-weight: 500;
        }
      }
    }
  }
}

.distribution {
  .table {
    // Head
    thead {
      tr > td {
        color: #a6a7c1;
      }
    } // Tbody
    tbody {
      // border
      > tr {
        > td {
          color: #a6a7c1;
        }
        .m-pipeline__title {
          color: #575962;
          > span {
            color: #9699a2;
          }
        }
        .m-pipeline__sub {
          color: #9699a2;
        }
        border-bottom: 0.07rem dashed #ebedf2;
        &:last-child {
          border: 0;
        }
      }
    }
  }
}
